<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="one.css" />
		<link rel="stylesheet" type="text/css" href="two.css" />
		<link rel="stylesheet" href="three.css" />
		<link rel="stylesheet" type="text/css" href="daohang.css" />
		<link rel="stylesheet" type="text/css" href="zhuti1.css" />
		<link rel="stylesheet" type="text/css" href="zhuTi2.css" />
	</head>

	<body>
		<div id="top_box">
			<div class="top">
				<div class="headerTopLeft">
					<pre>	<span>您好，欢迎光临凡客诚品！</span><a href="">登录</a>  |  <a href="">注册</a>  <a href="">我的订单</a>   <a href="">我的收藏</a>
				</pre></div>
				<!--顶部右侧开始-->
				<div class="headerTopRight">
					<ul class="outUl">
						<!--hover开始-->
						<div class="outLi">
							<a href="" class="title">我的凡客</a>
							<div class="hide">
								<ul>
									<li><a href="" class="l1">我的订单</a></li>
									<li><a href="" class="l1">我的收藏</a></li>
								</ul>
							</div>
						</div>
						<div class="outLi">
							<a href="" class="title">帮助中心</a>
							<div class="hide">
								<ul>
									<li><a href="">配送指南</a></li>
									<li><a href="">配送方式</a></li>
									<li><a href="">支付方式</a></li>
									<li><a href="">售后服务</a></li>
									<li><a href="">投诉建议</a></li>
									<li><a href="">在线客服</a></li>
								</ul>
							</div>
						</div>
						<div class="outLi">
							<a href="" class="title">网站公告</a>
							<div class="hide">
								<ul>
									<li><a href="" class="l1">网站公告</a></li>
									<li><a href="" class="l1">重要提示</a></li>
								</ul>
							</div>
						</div>
						<!--hover结束-->
						<a href="" class=sJ>手机凡客</a>
						<a href="" class="kF">在线客服</a>

						<!--微信hover开始-->
						<div class="weixin">
							<img src="w1.jpg" alt="微信" class="w1" />
							<img src="w2.png" alt="二维码" class="w2" />
						</div>
						<!--微信hover结束-->
						<img src="wb.jpg" alt="" class="WB" />
						<!--顶部右侧结束-->
					</ul>
				</div>
			</div>
		</div>
		<!--顶部结束-->
		<!--	搜索栏开始-->

		<div id="box1">
			<!--logo-->
			<div class="lefT"></div>
			<div id="">

				<!--搜索栏-->
				<input type="text" name="" placeholder="请输入商品名称"  class="wBK" />
				<input type="submit" value="" class="SS" />
				<!--搜索栏完毕
			-->
				<!--购物框开始-->
				<ul class="Gw">
					<li class="Gw1"><a href="">购物车(0)</a></li>
					<li class="Gw2">
						<a href=""> </a>
					</li>
				</ul>
				<!--	购物框结束-->
			</div>
			<div class="Rs">
				<span>热门搜索：</span>
				<a href="">T恤</a>
				<a href="">雨声潺潺</a>
				<a href=""> 穆旦</a>
				<a href=""> 只有上帝</a>
				<a href="">帆布鞋</a>
				<a href="">衬衫</a>

			</div>
		</div>
		<!--	导航开始-->
		<div id="box2">
			<div class="daohLeft">
				全部商品分类

			</div>
			<!--	右侧开始-->
			<div class="daohRight">
				<ul class="daohZ">
					<li class="Father">
						<div class="title">
							<a href="" class="text1">新品</a>
							<sup>new</sup>
						</div>
						<div class="hide">
							<div class="XP">
								<a href="">
									<img src="daohang/XP2.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class=""> 凡客短袖 衬衫 吉国武 免烫</a></h3>
									<p>新疆阿克苏长绒棉 先进的DP <br/>免烫技术</p>
									<span>￥299</span>
								</div>
							</div>
							<!--	竖线-->
							<div class="pox"></div>
							<div class="XP2">
								<a href="">
									<img src="daohang/XP1.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">凡客POLO衫 长绒棉</a></h3>
									<p>长绒棉 纤维柔长 强度也更<br/>高 打孔衬条</p>
									<span>￥168</span>
								</div>
							</div>
						</div>
					</li>

					<li class="Father">
						<div class="title"><a href="" class="text1">T恤</a><sup>new</sup></div>
						<div class="hide">
							<div class="XP">
								<a href="">
									<img src="daohang/T1.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">男款</a></h3>
									<p>春夏新品 全新上线
										<!--<br/>免烫技术--></p>
									<span>￥99元起</span>
								</div>
							</div>
							<!--	竖线-->
							<div class="pox"></div>
							<div class="XP2">
								<a href="">
									<img src="daohang/T2.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">女款</a></h3>
									<p>春夏新品 全新上线</p>
									<span>￥99元起</span>
								</div>
							</div>

						</div>

					</li>

					<li class="Father">
						<div class="title"><a href="" class="text1">衬衫</a></div>
						<div class="hide">
							<div class="XP">
								<a href="">
									<img src="daohang/C1.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">免烫衬衫</a></h3>
									<p>使用成衣免烫技术 <br/> 多次水洗依然平整如新</p>
									<span>￥299元起</span>
								</div>
							</div>
							<!--	竖线-->
							<div class="pox"></div>
							<div class="XP2">
								<a href="">
									<img src="daohang/C2.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">休闲衬衫</a></h3>
									<p>牛津纺&nbsp; 青年布&nbsp; 法兰绒</p>
									<span>￥199元起</span>
								</div>

							</div>

					</li>

					<li class="Father">
						<div class="title"><a href="" class="text1">麻</a></div>
						<div class="hide">
							<div class="XP">
								<a href="">
									<img src="daohang/M1.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">凡客棉麻衬衫&nbsp;吉国武</a></h3>
									<p>质朴&nbsp;透气&nbsp;吉国武版
										<!--<br/>免烫技术--></p>
									<span>￥168元起</span>
								</div>
							</div>
							<!--	竖线-->
							<div class="pox"></div>
							<div class="XP2">
								<a href="">
									<img src="daohang/M2.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">凡客棉麻&nbsp;休闲裤</a></h3>
									<p>质朴透气 &nbsp;麻&nbsp;棉麻休闲裤</p>
									<span>￥199元起</span>
								</div>

							</div>

					</li>

					<li class="Father">
						<div class="title"><a href="" class="text1">裤装</a></div>
						<div class="hide">
							<div class="XP">
								<a href="">
									<img src="daohang/K1.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">牛仔裤 &nbsp;松紧腰&nbsp; 女款</a></h3>
									<p>修身设计&nbsp;松紧腰穿着更加舒适百搭
										<!--<br/>免烫技术--></p>
									<span>￥149元起</span>
								</div>
							</div>
							<!--	竖线-->
							<div class="pox"></div>
							<div class="XP2">
								<a href="">
									<img src="daohang/K2.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">重洗水短裤</a></h3>
									<p>质朴透气&nbsp;纯棉休闲裤</p>
									<span>￥168元起</span>
								</div>

							</div>

					</li>

					<li class="Father">
						<div class="title"><a href="" class="text1">鞋</a></div>
						<div class="hide">
							<div class="XP">
								<a href="">
									<img src="daohang/X1.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">帆布鞋&nbsp;男款</a></h3>
									<p>历时22月，历经16次2000人试穿，颠覆性的楦型改变，舒适度提升，多色上市
										<!--<br/>免烫技术--></p>
									<span>￥168元起</span>
								</div>
							</div>
							<!--	竖线-->
							<div class="pox"></div>
							<div class="XP2">
								<a href="">
									<img src="daohang/X2.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">帆布鞋&nbsp;女款</a></h3>
									<p环保全棉帆布，活性染色久穿不褪色</p>
										<span>￥168元起</span>
								</div>
							</div>

					</li>

					<li class="Father">
						<div class="title"><a href="" class="text1">袜品</a></div>
						<div class="hide">
							<div class="XP">
								<a href="">
									<img src="daohang/W1.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">连裤袜</a></h3>
									<p>塑性设计 弹力好 捻度高 抗勾丝 抗起球
										<!--<br/>免烫技术--></p>
									<span>￥29元起</span>
								</div>
							</div>
							<!--	竖线-->
							<div class="pox"></div>
							<div class="XP2">
								<a href="">
									<img src="daohang/W2.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">船袜</a></h3>
									<p>触感透气柔软 穿着不易脱落</p>
									<span>￥15元起</span>
								</div>

							</div>

					</li>

					<li class="Father">
						<div class="title"><a href="">Nautilus</a></div>
						<div class="hide">
							<div class="XP">
								<a href="">
									<img src="daohang/N1.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">长袖卫衣</a></h3>
									<p>Vancl by Emmanuel 男款 长袖卫衣 多款可选</p>
									<span>￥269元起</span>
								</div>
							</div>
							<!--	竖线-->
							<div class="pox"></div>
							<div class="XP2">
								<a href="">
									<img src="daohang/N2.jpg" />
								</a>
								<div class="xp2">
									<h3><a href="" class="">Nautilus 针织衫</a></h3>
									<p>Nautilus &nbsp;针织衫</p> 透气柔软 百搭 经典时尚<br />
									<span>￥99元起</span>
								</div>

							</div>

					</li>
				</ul>
				</div>
				<!--	右侧结束-->

				</div>
				<!--导航结束-->
				<!--	主体1开始-->
				<div id="box3">
					<div class="leftbig">
						<div class="left marginMenu">
							<h3><a href="">男装</a></h3>
							<dl>
								<dt><a href="">T恤</a></dt><br />
								<dd>
									<a href="">印花</a>
									<a href="">水柔棉</a>
									<a href="">跑步</a>
									<a href="">PoLo</a><br />
									<a href="">穆旦</a>
									<a href="">只有上帝</a>
									<a href="">雨声潺潺</a>
								</dd>
							</dl>

						</div>
						<div class="left noTopMenu">

							<dl>
								<dt><a href="">衬衫</a></dt><br />
								<dd>
									<a href="">免烫</a>
									<a href="">府绸衬衫</a>
									<a href="">牛津纺</a>
									<a href="">麻衬衫</a><br />

								</dd>
							</dl>

						</div>
						<div class="left noTopMenu">

							<dl>
								<dt><a href="">上装</a></dt><br />
								<dd>
									<a href="">针织衫</a>
									<a href="">皮肤衣</a>
									<a href="">麻西服</a>

								</dd>
							</dl>

						</div>
						<div class="left noTopMenu">

							<dl>
								<dt><a href="">裤装</a></dt><br />
								<dd>
									<a href="">牛仔裤</a>
									<a href="">休闲裤</a>
									<a href="">短裤</a>
									<a href="">棉麻裤</a><br />

								</dd>
							</dl>

						</div>

						<div class="left marginMenu">
							<h3><a href="">女装</a></h3>
							<dl>

								<dd><a href="">T恤</a>&nbsp;
									<a href="">空调衫</a>
									<a href="">皮肤衣</a>
									<a href="">衬衫裙</a>
									<a href="">牛仔裤打底背心</a>

								</dd>
							</dl>

						</div>
						<div class="left marginMenu">
							<h3><a href="">帆布鞋</a></h3>
							<dl>

								<dd>
									<a href="">男款</a>&nbsp;
									<a href="">女款</a>&nbsp;
									<a href="">高帮</a>&nbsp;
									<a href="">低帮</a>

								</dd>
							</dl>

						</div>
						<div class="left marginMenu">
							<h3><a href="">其他</a></h3>
							<dl>

								<dd>
									<a href="">家居</a>&nbsp;
									<a href="">袜品</a>&nbsp;
									<a href="">配饰</a>&nbsp;
									<a href="">童装</a>

								</dd>
							</dl>

						</div>

					</div>
					<div class="center">
						<img src="daohang/Zcenter.jpg" alt="NAUTILUS活动" title="NAUTILUS活动" />
						<div>
							<a href="" class="black"></a>
							<a href="" class="black"></a>
							<a href="" class="black"></a>
							<a href="" class="black"></a>
							<a href="" class="black"></a>
							<a href="" class="black" id="color"></a>
						</div>
					</div>
					<dl class="right">
						<dt class="Rtop"> <a href=""><img src="./daohang/Rtop.jpg" alt="" /></a></dt>
						<dd class="Rbottom">
							<a href=""><img src="./daohang/Rbotom.jpg" alt="" /></a>
						</dd>
					</dl>
				</div>
				<div id="zhuTi2">
					<!--上部分开始-->
					<h2>当季推荐</h2>
					<div class="top">
						<ul>
							<li><a href=""><img src="daohang/li1.jpg""><img src=""/></a></li>
							<li>
								<a href=""><img src="daohang/li2.jpg" /></a>
							</li>
							<li>
								<a href=""><img src="daohang/li3.jpg" /></a>
							</li>
							<li>
								<a href=""><img src="daohang/li4.jpg" /></a>
							</li>
							<li>
								<a href=""><img src="daohang/li5.jpg" /></a>
							</li>
							<li class="margin-top">
								<a href=""><img src="daohang/li6.jpg" /></a>
							</li>
							<li class="margin-top">
								<a href=""><img src="daohang/li7.jpg" /></a>
							</li>
							<li class="margin-top">
								<a href=""><img src="daohang/li8.jpg" /></a>
							</li>
							<li class="margin-top">
								<a href=""><img src="daohang/li9.jpg" /></a>
							</li>
							<li class="margin-top">
								<a href=""><img src="daohang/li10.jpg" /></a>
							</li>

						</ul>
					</div>
					<!--上部分结束-->
					<h2>上装</h2>
					<div class="center">
						<ul>
							<li>
								<a href=""><img src="daohang/s1.jpg" /></a>
							</li>
							<li>
								<a href=""><img src="daohang/s2.jpg" /></a>
							</li>

						</ul>
						<ul>
							<li id="nonetop">
								<a href=""><img src="daohang/s3.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="daohang/s4.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="daohang/s5.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="daohang/s6.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="daohang/s7.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="daohang/s8.jpg" /></a>
							</li>
						</ul>
					</div>
					<!--		中部分-->
					<h2>下装</h2>
					<div class="center">
						<ul>
							<li>
								<a href=""><img src="./daohang/xz1.jpg" /></a>
							</li>
							<li>
								<a href=""><img src="./daohang/xz2.jpg" /></a>
							</li>

						</ul>
						<ul>
							<li id="nonetop">
								<a href=""><img src="./daohang/xz3.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/xz4.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/xz5.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/xz6.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/xz7.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/xz8.jpg" /></a>
							</li>
						</ul>
					</div>
					<!--	下部分-->
					<h2>更多精品</h2>
					<div class="center">
						<ul>
							<li>
								<a href=""><img src="./daohang/jp1.jpg" /></a>
							</li>
							<li>
								<a href=""><img src="./daohang/jp2.jpg" /></a>
							</li>

						</ul>
						<ul>
							<li id="nonetop">
								<a href=""><img src="./daohang/jp3.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/jp4.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/jp5.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/jp6.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/jp7.jpg" /></a>
							</li>
							<li class="little">
								<a href=""><img src="./daohang/jp8.jpg" /></a>
							</li>
						</ul>
					</div>
				</div>
				<!--	底部开始-->
				<div id="bottom">
					<div class="top">
						<ul>
							<li>
								<h2>关于凡客</h2>
								<p><a href="">公司简介</a></p>
								<p><a href=""><strong>联系我们</strong></a></p>
								<p><a href="">友情链接</a></p>
							</li>
							<li>
								<h2>新手指南</h2>
								<p><a href="">账户注册</a></p>

								<p><a href="">购物流程</a></p>
							</li>
							<li>
								<h2>配送范围及时间</h2>
								<p><a href="">国内配送</a></p>

								<p><a href="">订单拆分</a></p>
							</li>
							<li>
								<h2>支付方式</h2>
								<p><a href="">货到付款</a></p>
								<p><a href="">在线支付</a></p>
								<p><a href="">礼品卡及账户余额</a></p>
								<p><a href="">其他支付方式</a></p>
							</li>
							<li>
								<h2>售后服务</h2>
								<p><a href="">退换货政策</a></p>
								<p><a href="">退换货办理流程</a></p>
								<p><a href="">退换货网上办理</a></p>
								<p><a href="">退款说明</a></p>
							</li>
							<li>
								<h2>帮助中心</h2>
								<p><a href="">在线客服</a></p>
								<p><a href="">找回密码</a></p>
								<p><a href="">隐私说明</a></p>
							</li>

						</ul>
					</div>
					<div class="bot">
						<ul>
							<li>
								<a class="d1" href=""></a>
							</li>
							<li>
								<a class="d2" href=""></a>
							</li>
							<li>
								<a class="d3" href=""></a>
							</li>
							<li>
								<a class="d4" href=""></a>
							</li>
						</ul>
					</div>
					<div class="line">
						<p>
							Copyright 2007 - 2016 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号
						</p>
						<p>
							凡客诚品（北京）科技有限公司
						</p>
						<div class="over">
						<a  class="v1" href=""></a>
						<a  class="v2" href=""></a>
						<a  class="v3" href=""></a>
						<a  class="v4" href=""></a>
						<a  class="v5" href=""></a>
						<a  class="v6" href=""><img src="daohang/over.png" alt="" /></a>
					</div>
					</div>
					

				</div>

	</body>

</html>